<template>
  <section class="container">
    <basics-model v-model="basics"></basics-model>
    <quote-model v-model="quote"></quote-model>
    <p>basics:{{ basics }}</p>
    <p>quote:{{ quote }}</p>
  </section>
</template>

<script>
import BasicsModel from '../components/BasicsModel.vue'
import QuoteModel from '../components/QuoteModel.vue'

export default {
  name: 'modelDemo',
  data() {
    return {
      basics: '',
      quote: {
        value: '',
      },
    }
  },
  props: {},
  components: { BasicsModel, QuoteModel },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>

<style scoped lang="scss"></style>
